<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>html-notebook</title>
  </head>
  <body>
    <a href="http://www.baidu.com" target="_self">当前标签页打开</a>
    <p></p>
    <a href="http://www.baidu.com" target="_blank" rel="opener"
      >新建标签页打开</a
    >
    <p></p>
    <img src="" alt="显示不出来" />
    <p></p>

    <!-- 人员登记表 -->
    <!-- 身份、国籍、出入境人次 -->
    <table border="1">
      <caption align="top">
        出入境登记表
      </caption>
      <thead>
        <tr>
          <th>身份</th>
          <th>国籍</th>
          <th>入境</th>
          <th>出境</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td rowspan="4">游客</td>
          <td>中国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>外国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>未知国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>小计</td>
          <td>90</td>
          <td>90</td>
        </tr>
        <tr>
          <td rowspan="4">员工</td>
          <td>中国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>外国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>未知国籍</td>
          <td>30</td>
          <td>30</td>
        </tr>
        <tr>
          <td>小计</td>
          <td>90</td>
          <td>90</td>
        </tr>
      </tbody>
    </table>

    <!-- 周一-周日 -->
    <p></p>
    <table border="1">
      <thead>
        <tr>
          <th colspan="5">工作日</th>
          <th colspan="2">周末</th>
        </tr>
        <tr>
          <th>周一</th>
          <th>周二</th>
          <th>周三</th>
          <th>周四</th>
          <th>周五</th>
          <th>周六</th>
          <th>周日</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>工作</th>
          <th>工作</th>
          <th>工作</th>
          <th>工作</th>
          <th>工作</th>
          <th>加班</th>
          <th>加班</th>
        </tr>
      </tbody>
    </table>

    <fieldset>
      <legend>标签的使用</legend>
      <label>
        用户名：
        <input type="text" name="username" required />
      </label>

      <label for="email">邮箱：</label>
      <input type="email" id="email" name="email" required />
    </fieldset>
  </body>
</html>
